<template>
    <div class="container-app">
      <searchHeade :SearchTitle="title"></searchHeade>
        <!-- 轮播图 -->
          <sweiper></sweiper>
          <Center></Center>
          <Pannel></Pannel>
          <Pannel2></Pannel2>
      <div style="margin-bottom:16vw"></div>
    </div>
</template>

<script>
// import { mapGetters } from 'vuex'
import searchHeade from '@/components/Search.vue'
import sweiper from './components/sweiper.vue'
import Center from './components/Center.vue'
import Pannel from './components/Pannel.vue'
import Pannel2 from './components/Pannel2.vue'
export default {
  name: 'IndexHomePage',
  components: {
    sweiper,
    Center,
    Pannel,
    Pannel2,
    searchHeade
  },
  data () {
    return {
      title: '搜索影片、演员、影院'
    }
  }

}
</script>

<style lang="less" scoped>
// .header{
//   // background-color: #fff;
//   position: fixed;
//   z-index: 999;
//   width: 96%;
//   height: 20vw;
//   top: 0px;
//   display: flex;
//   padding-left: -3vw;
//    background-color: #f1f2f3;
//   justify-content: space-between;
//   .city {
//     width: 17%;
//     display: flex;
//     justify-content: space-between;
//     text-align: center;
//     // line-height: 50px;
//     .city-name{
//       width: 80%;
//       font-size: 14px;
//       margin-top: 22px;
//     }
//   }
//   .right{
//     width: 10%;
//     text-align: center;

//   }
//   .search{
//     width: 70%;
//     margin-top: 8px;
//     // 搜索框样式定制
//     .van-search {
//       padding-left: 0;
//       margin-left: 2vw;
//       .van-search__content--round{
//       border: 1px solid pink;
//       }
//        ::v-deep .van-field__control[type=search]{
//           font-size: 13px;
//           text-align: left;
//         }
//     }
//     .admin-search{
//       position: absolute;
//       width: 60px;
//       height: 35px;
//       background-color: pink;
//       border-radius: 30px;
//       top:18px;
//       right: 35px;
//       text-align: center;
//       color: aliceblue;
//        background: linear-gradient(to right, #dc89ce, #dc2159); /* 从左到右的渐变色 */
//        font-size: 12px;
//     }
//   }
//   // 搜索框样式定制
// }

</style>
